<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>国际酒店</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Stylesheets -->
  <!-- Dropdown Menu -->
  <link rel="stylesheet" href="../css/superfish.css">
  <!-- Owl Slider -->
  <!-- <link rel="stylesheet" href="css/owl.carousel.css"> -->
  <!-- <link rel="stylesheet" href="css/owl.theme.default.min.css"> -->
  <!-- Date Picker -->
  <link rel="stylesheet" href="../css/bootstrap-datepicker.min.css">
  <!-- CS Select -->
  <link rel="stylesheet" href="../css/cs-select.css">
  <link rel="stylesheet" href="../css/cs-skin-border.css">

  <!-- Themify Icons -->
  <link rel="stylesheet" href="../css/themify-icons.css">
  <!-- Flat Icon -->
  <link rel="stylesheet" href="../css/flaticon.css">
  <!-- Icomoon -->
  <link rel="stylesheet" href="../css/icomoon.css">
  <!-- Flexslider  -->
  <link rel="stylesheet" href="../css/flexslider.css">

  <!-- Style -->
  <link rel="stylesheet" href="../css/style.css">

  <!-- Modernizr JS -->
  <script src="../js/modernizr-2.6.2.min.js"></script>
  <!-- FOR IE9 below -->
  <!--[if lt IE 9]>
	<script src="../js/respond.min.js"></script>
	<![endif]-->
  <link rel="stylesheet" type="text/css" href="ele/index.css" />
</head>

<body>
  <div id="index">
    <div id="fh5co-wrapper">
      <div id="fh5co-page">
        <div id="fh5co-header">
          <header id="fh5co-header-section">
            <div class="container">
              <div class="nav-header">
                <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
                <h1 id="fh5co-logo"><a href="index.html">hotel</a></h1>
                <nav id="fh5co-menu-wrap" role="navigation">
                  <ul class="sf-menu" id="fh5co-primary-menu">
                    <li><a class="active" href="index.html">网站首页</a></li>
                    <li><a href="">房间介绍</a></li>
                    <li><a href="">服务介绍</a></li>
                    <li><a href="">新闻中心</a></li>
                    <li><a href="">联系我们</a></li>
                    <li>
                      <a v-if="temp" @click="login">Login</a>
                      <a v-else href="person.html">个人中心</a>
                    </li>
                    <li><a href=".html">REGISTER</a></li>


                  </ul>
                </nav>
              </div>
            </div>
          </header>

        </div>
        <!-- end:fh5co-header -->
        <aside id="fh5co-hero" class="js-fullheight">
          <div class="flexslider js-fullheight">
            <ul class="slides">
"
              <li style="background-image: url('dmj_imgs/slider3.png');background-repeat: no-repeat">
                <div class="overlay-gradient"></div>
                <div class="container">
                  <div class="col-md-12 col-md-offset-0 text-center slider-text">
                    <div class="slider-text-inner js-fullheight">
                      <div class="desc">
                        <p><span>家庭套餐</span></p>
                        <h2>享受家人美好时光</h2>
                        <p>
                          <a href="hotel.html" class="btn btn-primary btn-lg">立刻预定</a>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
              <li style="background-image:url(dmj_imgs/slider2.png)">
                <div class="overlay-gradient"></div>
                <div class="container">
                  <div class="col-md-12 col-md-offset-0 text-center slider-text">
                    <div class="slider-text-inner js-fullheight">
                      <div class="desc">
                        <p><span>家庭套餐</span></p>
                        <h2>享受家人美好时光</h2>
                        <p>
                          <a href="hotel.html" class="btn btn-primary btn-lg">立刻预定</a>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
              <li style="background:url(dmj_imgs/slider1.png);background-repeat: no-repeat;background-size: 100% 100%">
                <div class="overlay-gradient"></div>
                <div class="container">
                  <div class="col-md-12 col-md-offset-0 text-center slider-text">
                    <div class="slider-text-inner js-fullheight">
                      <div class="desc">
                        <p><span>家庭套餐</span></p>
                        <h2>享受家人美好时光</h2>
                        <p>
                          <a href="hotel.html" class="btn btn-primary btn-lg">立刻预定</a>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </li>

            </ul>
          </div>
        </aside>
        <div class="wrap">
          <div class="container">
            <div class="row">

            </div>
          </div>
        </div>

        <div id="fh5co-counter-section" class="fh5co-counters">
          <div class="container">
            <div class="row">

            </div>
          </div>
        </div>


        <div id="featured-hotel" class="fh5co-bg-color">
          <div class="container" style="background:url(dmj_imgs/img.png);background-repeat: no-repeat;background-size: 100% 100%">
            <div class="row">
              <div class="col-md-12">
                <div class="section-title text-center">
                  <h2 style="font-size: 30px;margin-top: 10px">精品套餐</h2>
                </div>
              </div>
            </div>

            <div class="row" >
              <div class="feature-full-1col"  >
<!--                <div class="image" :style="{background: 'url('+getUrl(one.image)+')'}">*****后期更新-->
                <div class="image" :style="{background: 'url('+getUrl(one.image)+')'}">
                  <div class="descrip text-center">
                    <p><small>最低</small><span>￥{{one.price}}/天</span></p>
                  </div>
                </div>
                <div class="desc"  style="opacity: 0.6;">
                  <h3>{{one.tname}}</h3>
                  <p>
                    {{one.ttext}}
                  </p>
                  <p ><a @click="info(one)" class="btn btn-primary btn-luxe-primary" style="cursor: pointer;color: whitesmoke">立即预定<i
                        class="ti-angle-right"></i></a></p>
                </div>
              </div>

              <div class="feature-full-2col">
                <div class="f-hotel" v-for="t in types">
                  <div class="image" :style="{background: 'url('+getUrl(t.image)+')'}">
                    <div class="descrip text-center">
                      <p><small>最低</small><span>￥{{t.price}}/天</span></p>
                    </div>
                  </div>
                  <div class="desc">
                    <h3>{{t.tname}}</h3>
                    <p>
                      {{t.ttext}}</p>
                    <p><a @click="info(t)" class="btn btn-primary btn-luxe-primary" style="cursor: pointer;">立即预定 <i
                          class="ti-angle-right"></i></a></p>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>

        <div id="hotel-facilities">
          <div class="container">
            <div class="row">
              <div class="col-md-12">
                <div class="section-title text-center">
                  <h2>酒店特色</h2>
                </div>
              </div>
            </div>

            <div id="tabs">
              <nav class="tabs-nav">
                <a href="#" class="active" data-tab="tab1">
                  <i class="flaticon-restaurant icon"></i>
                  <span>餐厅</span>
                </a>
                <a href="#" data-tab="tab2">
                  <i class="flaticon-cup icon"></i>
                  <span>酒吧</span>
                </a>
                <a href="#" data-tab="tab3">

                  <i class="flaticon-car icon"></i>
                  <span>接送</span>
                </a>
                <a href="#" data-tab="tab4">

                  <i class="flaticon-swimming icon"></i>
                  <span>泳池</span>
                </a>
                <a href="#" data-tab="tab5">

                  <i class="flaticon-massage icon"></i>
                  <span>Spa</span>
                </a>
                <a href="#" data-tab="tab6">

                  <i class="flaticon-bicycle icon"></i>
                  <span>健身</span>
                </a>
              </nav>
              <div class="tab-content-container">
                <div class="tab-content active show" data-tab-content="tab1">
                  <div class="container">
                    <div class="row">
                      <div class="col-md-6" style="overflow: hidden">
                        <img src="dmj_imgs/restaurant.png" class="img-responsive" alt="Image" style="margin-top: 100px">
                      </div>
                      <div class="col-md-6">
                        <span class="super-heading-sm" >WORLD ClASS</span>
                        <h3 class="heading">餐厅</h3>
                        <p>
                          欢迎来到我们酒店的餐饮部！我们致力于为客人提供最好的美食和用餐体验。
                          我们的菜肴从传统美食到创意料理应有尽有，让客人能够在我们的餐厅里品尝到最美味的美食。
                          我们的餐厅环境舒适、时尚，是放松的理想场所。无论是一顿温馨的晚餐，还是轻松的商务用餐，我们的餐饮部都将满足您的需求。
                          我们的工作人员拥有专业的服务技能和友好的态度，能够为您提供最好的服务和建议，确保您的用餐愉快和无忧。
                          <p>
                        我们不仅提供各种美食，还有各类饮料、酒水和甜品。我们的特色咖啡和茶是您品尝不可错过的，让您的口感享受到最佳的状态。
                        细心入微的服务、美味可口的菜肴和充满活力的环境，我们的餐饮部拥有一切，为您提供全面的用餐体验。
                        我们期待您的光临！
                      </p>

                        </p>
                        <p class="service-hour">
                          <span>服务时间</span>
                          <strong>7:30 AM - 8:00 PM</strong>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-content" data-tab-content="tab2">
                  <div class="container">
                    <div class="row">
                      <div class="col-md-6" style="overflow: hidden">
                        <img src="dmj_imgs/bar.png" class="img-responsive" alt="Image" style="margin-top: 100px">
                      </div>
                      <div class="col-md-6">
                        <span class="super-heading-sm">World Class</span>
                        <h3 class="heading">酒吧</h3>
                        <p>
                          欢迎来到城市中最时尚的酒吧。
                          我们的酒吧位于酒店的最顶层，拥有绝佳的视野和优雅的装饰。
                          从这里，您可以俯瞰整个城市的壮丽景色，感受夜晚的魅力。
                          室内设计以现代风格为主，结合柔和的灯光和豪华的家具，营造出一种高贵而舒适的环境。
                          我们的酒吧提供一系列精心调配的鸡尾酒，以及各种顶级葡萄酒和香槟。
                          我们的专业调酒师将用他们的技巧和热情，为您打造出无与伦比的饮品体验。
                        </p>
                        <p>
                          同时，我们还提供各种美味的小吃和轻食，以满足您的味蕾。
                          在周末的夜晚，我们更有现场乐队演奏，为您打造更加精彩的夜生活。
                          在这里，您可以尽情享受音乐、美酒和美食，与朋友们度过愉快的时光。
                          无论您是来放松心情，还是寻找派对的场所，这里都将为您带来难忘的体验。
                          我们期待您的光临，与您一同创造美好的回忆。
                        </p>
                        <p class="service-hour">
                          <span>服务时间</span>
                          <strong>7:30 AM - 8:00 PM</strong>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-content" data-tab-content="tab3">
                  <div class="container">
                    <div class="row">
                      <div class="col-md-6" style="overflow: hidden;">
                        <img src="dmj_imgs/img_1.png" class="img-responsive" alt="Image" style="margin-top: 100px">
                      </div>
                      <div class="col-md-6">
                        <span class="super-heading-sm">World Class</span>
                        <h3 class="heading">接送</h3>
                        <p>
                          体验本酒店的奢华接送服务，让您尽享尊贵与便利。
                          我们为您提供专业的司机和豪华轿车，确保您的出行安全、舒适、准时。
                          我们的接送服务覆盖全市，无论您身处何地，我们都能快速、准确地为您提供接送服务。
                          我们的司机都经过严格的培训和背景调查，保证您的出行安全和舒适度。
                        </p>
                        <p>
                          在五星级酒店中，我们的接送服务更是与众不同。
                          我们的车辆配备了最先进的安全设备，保证您的安全；同时，我们的车辆还配备了最新的娱乐设施，让您在出行中享受更多的乐趣。
                          我们的接送服务不仅覆盖酒店客人，还可以为商务会议、婚礼、旅游等提供专业、贴心的服务。
                          我们致力于为您提供最高品质的接送服务，让您的出行变得更加愉快和舒适。
                          如果您需要出行帮助，请随时联系我们的客服团队，我们将竭诚为您服务。
                          让我们一起享受五星级的奢华服务，感受不一样的出行体验。
                        </p>
                        <p class="service-hour">
                          <span>服务时间</span>
                          <strong>7:30 AM - 8:00 PM</strong>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-content" data-tab-content="tab4">
                  <div class="container">
                    <div class="row">
                      <div class="col-md-6" style="overflow: hidden">
                        <img src="dmj_imgs/swimming_pool.png" class="img-responsive" alt="Image" style="margin-top: 100px">
                      </div>
                      <div class="col-md-6">
                        <span class="super-heading-sm">World Class</span>
                        <h3 class="heading">泳池</h3>
                        <p>
                          在忙碌的生活中，找到一个让自己放松身心的地方至关重要。
                          本酒店的泳池就是这样一个理想的选择，为您提供舒适、豪华、健康的游泳体验。
                          我们的泳池设施齐全，设计优雅，让您感受到高品质的服务。
                          泳池环境宽敞明亮，采用最先进的水处理系统，确保水质清洁卫生。
                          此外，我们还提供舒适的座椅和淋浴设施，让您在游泳后能够放松身心。

                        </p>
                        <p>
                          我们注重客户体验，追求卓越品质。在酒店的泳池中，您将感受到专业、贴心、尊贵的服务。
                          我们希望通过这个舒适豪华的泳池，让您的生活更加健康、愉快。
                          现在就来五星级酒店的泳池，体验一次豪华、高贵的游泳之旅吧！
                          我们期待您的光临！
                        </p>
                        <p class="service-hour">
                          <span>服务时间</span>
                          <strong>7:30 AM - 8:00 PM</strong>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-content" data-tab-content="tab5">
                  <div class="container">
                    <div class="row">
                      <div class="col-md-6" style="overflow: hidden;">
                        <img src="dmj_imgs/SPA.png" class="img-responsive" alt="Image" style="margin-top: 100px">
                      </div>
                      <div class="col-md-6">
                        <span class="super-heading-sm">World Class</span>
                        <h3 class="heading">Spa</h3>
                        <p>
                          在繁忙的都市生活中，寻找一个舒缓身心、重获活力的天堂是每个人的渴望。
                          本酒店的SPA服务就是这样一个理想的选择，为您提供舒适、豪华、水疗的极致体验。
                          水疗中心设计独特，柔和的灯光和宁静的音乐让您感受到宁静的氛围。此外，我们还提供各式各样的水疗套餐，满足您的不同需求。
                        </p>
                        <p>
                          本酒店的SPA，您可以享受到专业的按摩师和美容师的服务，他们拥有丰富的经验和专业的技能，将帮助您舒缓肌肉、放松身心，焕发活力。
                          我们的美容师将为您提供个性化的护肤方案，让您的肌肤恢复光彩。
                          我们希望通过这个舒适豪华的SPA，让您的生活更加健康、愉快。
                          我们诚挚邀请您来感受这难以忘怀的体验，让您的身心得到充分的放松和恢复。期待您的光临！
                        </p>
                        <p class="service-hour">
                          <span>服务时间</span>
                          <strong>7:30 AM - 8:00 PM</strong>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-content" data-tab-content="tab6">
                  <div class="container">
                    <div class="row">
                      <div class="col-md-6" style="overflow: hidden">
                        <img src="dmj_imgs/gym.png" class="img-responsive" alt="Image" style="margin-top: 100px">
                      </div>
                      <div class="col-md-6">
                        <span class="super-heading-sm">World Class</span>
                        <h3 class="heading">健身</h3>
                        <p>
                          本酒店的健身房规模庞大，宽敞明亮，让人一进门就感受到舒适和放松。
                          健身房共有两层，设有先进的健身设备，包括各种器械、沙袋、瑜伽垫等。
                          装修风格典雅高贵，以暖色调为主，搭配现代化的健身设备，营造出一种奢华舒适的氛围。
                          在器械方面，健身房提供了各种力量器械、有氧器械以及功能性训练器械，从小白到专业健身者都能找到适合自己的器械。
                          此外，健身房还设有瑜伽房、桑拿房、蒸汽房等，让客人在运动之后能够放松身心。
                        </p>
                        <p>
                          为了方便客人，健身房还提供免费的健身课程，如瑜伽、普拉提等，让客人可以在专业教练的指导下进行锻炼。
                          课程时间从早上6点开始，一直到晚上9点，满足不同时间段客人的需求。
                          此外，健身房还提供私人定制课程，客人可以根据自己的需求预约私人教练，进行一对一的指导。
                          同时为了鼓励客人长期坚持健身，健身房还推出了积分制度，客人每次来健身都可以获得一定的积分，积分可以用来兑换免费的健身课程、按摩服务等。
                          我们期待您的光临！
                        <p class="service-hour">
                          <span>服务时间</span>
                          <strong>7:30 AM - 8:00 PM</strong>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div id="testimonial">
          <div class="container">
            <div class="row">
              <div class="col-md-12">
                <div class="section-title text-center">
                  <h2>顾客的快乐时光</h2>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4">
                <div class="testimony">
                  <blockquote>
                    &ldquo;If you’re looking for a top quality hotel look no further. We were upgraded free of charge to
                    the
                    Premium Suite, thanks so much&rdquo;
                  </blockquote>
                  <p class="author"><cite>John Doe</cite></p>
                </div>
              </div>
              <div class="col-md-4">
                <div class="testimony">
                  <blockquote>
                    &ldquo;我和我的丈夫在这里有一个非常棒的周末，这里的服务很棒，服务员也很友好，乐于服务，真的好评，下次还会来的&rdquo;
                  </blockquote>
                  <p class="author"><cite>红</cite></p>
                </div>
              </div>
              <div class="col-md-4">
                <div class="testimony">
                  <blockquote>
                    &ldquo;If you’re looking for a top quality hotel look no further. We were upgraded free of charge to
                    the
                    Premium Suite, thanks so much&rdquo;
                  </blockquote>
                  <p class="author"><cite>Jane Doe</cite></p>
                </div>
              </div>
            </div>
          </div>
        </div>


        <div id="fh5co-blog-section">
          <div class="container">
            <div class="row">
              <div class="col-md-12">
                <div class="section-title text-center">
                  <h2>最新资讯</h2>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4">
                <div class="blog-grid" style="background-image: url(dmj_imgs/img_2.png);">
                  <div class="date text-center">
                    <span>09</span>
                    <small>8/Aug</small>
                  </div>
                </div>
                <div class="desc">
                  <h3><a href="blog-detail.html">最有价值的酒店</a></h3>
                </div>
              </div>
              <div class="col-md-4">
                <div class="blog-grid" style="background-image: url(dmj_imgs/img_3.png);">
                  <div class="date text-center">
                    <span>09</span>
                    <small>8/Aug</small>
                  </div>
                </div>
                <div class="desc">
                  <h3><a href="blog-detail.html">酒店婚庆</a></h3>
                </div>
              </div>
              <div class="col-md-4">
                <div class="blog-grid" style="background-image: url(dmj_imgs/img_4.png);">
                  <div class="date text-center">
                    <span>09</span>
                    <small>8/Aug</small>
                  </div>
                </div>
                <div class="desc">
                  <h3><a href="blog-detail.html">酒店小吃</a></h3>
                </div>
              </div>
            </div>
          </div>
        </div>

        <footer id="footer" class="fh5co-bg-color">
          <div class="container">
            <div class="row">
              <div class="col-md-4">
                <div class="copyright">
                  <p>&copy; 2022 All Rights Reserved.
                  </p>
                  <img src="dmj_imgs/img_5.png" style="width:100px;height: 100px;margin-left: 50px"/>
                </div>
              </div>
              <div class="col-md-8">
                <div class="row">
                  <div class="col-md-3">
                    <h3>快速链接</h3>
                    <ul class="link">
                      <li><a href="index.html">网站首页</a></li>
                      <li><a href="#">房间介绍</a></li>
                      <li><a href="#">服务介绍</a></li>
                      <li><a href="#">新闻中心</a></li>
                      <li><a href="#">联系我们</a></li>
                    </ul>
                  </div>
                  <div class="col-md-3">
                    <h3>特色服务</h3>
                    <ul class="link">
                      <li><a>餐厅、酒吧</a></li>
                      <li><a>接送、泳池</a></li>
                      <li><a>Spa、健身</a></li>
                    </ul>
                  </div>
                  <div class="col-md-6">
                    <h3>订阅</h3>
                    <p>
                      特色服务和齐全的设施等着你的到来
                    </p>
                    <form action="#" id="form-subscribe">
                      <div class="form-field">
                        <input type="email" placeholder="邮箱" id="email">
                        <input type="submit" id="submit" value="发送">
                      </div>
                    </form>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </footer>

      </div>
      <!-- END fh5co-page -->

    </div>
    <!-- END fh5co-wrapper -->


  </div>
  <!-- Javascripts -->
  <script src="../js/jquery-2.1.4.min.js"></script>
  <!-- Dropdown Menu -->
  <script src="../js/hoverIntent.js"></script>
  <script src="../js/superfish.js"></script>
  <!-- Bootstrap -->
  <script src="../js/bootstrap.min.js"></script>
  <!-- Waypoints -->
  <script src="../js/jquery.waypoints.min.js"></script>
  <!-- Counters -->
  <script src="../js/jquery.countTo.js"></script>
  <!-- Stellar Parallax -->
  <script src="../js/jquery.stellar.min.js"></script>
  <!-- Owl Slider -->
  <!-- // <script src="js/owl.carousel.min.js"></script> -->
  <!-- Date Picker -->
  <script src="../js/bootstrap-datepicker.min.js"></script>
  <!-- CS Select -->
  <script src="../js/classie.js"></script>
  <script src="../js/selectFx.js"></script>
  <!-- Flexslider -->
  <script src="../js/jquery.flexslider-min.js"></script>

  <script src="../js/custom.js"></script>

  <style>
    .copyrights {
      text-indent: -9999px;
      height: 0;
      line-height: 0;
      font-size: 0;
      overflow: hidden;
    }
  </style>
  <div class="copyrights" id="links20210126">
    Collect from <a href="http://www.cssmoban.com/" title="网站模板">模板之家</a>
    <a href="http://cooco.net.cn/" title="组卷网">组卷网</a>
  </div>

  <script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/axios.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/base.js" type="text/javascript" charset="utf-8"></script>
  <script src="ele/index.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    let vm = new Vue({
      el: '#index',
      data: {
        showLogin: false,
        users: {},
        temp: true,
        lunbos: [],
        one: {},
        types: []
      },
      created () {
        if (sessionStorage.user) {
          this.temp = false;
        } else {
          this.temp = true;
        }
        this.getOne();
      },
      methods: {
        login () {
          location = 'login.html';
        },
        getUrl (photo) {
          return "images/" + photo;
        },
        getOne () {
          axios.post('types/selectList').then(res => {
            this.one = res.data.slice(0, 1)[0];
            // alert(JSON.stringify(this.one))
            this.types = res.data.slice(1, 3);
            // alert(JSON.stringify(this.types))
          })
        },
        info () {
          location = 'hotelinfo.html?tid=' + this.one.tid;
        }
      }
    })
  </script>
</body>

</html>